<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default {
  name: "App",
};
</script>
<style>
.ty_search {
  padding: 16px;
  padding-bottom: 0px;
  background: #fff;
  margin: 16px;
}
.drawerBtn {
  width: 100%;
  height: 80px;
  line-height: 80px;
  background-color: #fff;
  position: fixed;
  bottom: 0;
  padding-left: 786px;
  
  box-shadow: 2px 0px 20px 0px rgba(24, 57, 107, 0.05);
}

.el-table th,
.el-table td {
  padding: 6px 0;
}
.el-table th {
  background-color: #f7f7f7;
  /* background-image: -webkit-linear-gradient(top, #fdfdfd 0%, #eaeaea 100%); */
  font-size: 12px;
  color: #333;
  font-weight: 600;
}
.el-table td {
  font-size: 12px;
}
.el-table td div.cell {
  line-height: 16px;
}
.el-table td div.el-progress-bar__inner,
.el-table td div.el-progress-bar__outer {
  border-radius: 5px;
  color: #666;
}
.el-table td div.el-progress-bar__outer {
  border: 1px solid #1e9fff;
}
.ty_search .el-input__inner {
  width: 200px;
}
.el-dialog__body {
  padding: 0 20px;
}
.el-dialog__header {
  border-bottom: 1px solid #e7eaed;
  margin-bottom: 20px;
}
.el-cascader {
  width: 100%;
}
.el-drawer__header {
  margin-bottom: 0;
  padding: 20px;
  font-size: 20px;
  color: #333333;

  font-weight: 600;
}
.el-collapse {
  border-top: none;
}
.el-collapse-item__header {
  /* color:#409EFF; */
  font-size: 14px;
  font-weight: 600;
}
.el-card{
  height: 100% !important;
  margin: 16px;
}
.el-card.is-always-shadow{
  box-shadow: none;
  border:none;
}
.el-button--primary{
  background:#3c94f4;
  border-color: #3c94f4;
}
.el-button--success{
  background-color: #16a34a;
  border-color: #16a34a;
}
.el-button--danger{
  background-color: #ff3333;
  border-color: #ff3333;
}
</style>
